@import "../../assets/scss/variables";
@import "../../assets/scss/mixin";
.container {
  height: 100%;
  padding: 0 $padding-base;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: $padding-medium;
  &__content{
    flex: 1;
    overflow: auto;
    &-form{
      &-title{
        font-size: $font-size-base;
        color: $color-white;
        text-align: center;
      }
      &-body{
        &-item{
          display: flex;
          align-items: center;
          padding: $padding-small 0;
        }
        &-title{
          width: 45%;
          flex: 1;
          font-size: $font-size-base;
          color: $color-white;
          word-break: break-all;
          padding-right: $padding-small;
          box-sizing: border-box;
        }
        &-container{
          width: 55%;
          font-size: $font-size-base;
          color: $color-white;
          &.right{
            display: flex;
            justify-content: flex-end;
          }
        }
      }
    }
    &-actions{
      display: flex;
      justify-content: space-between;
      padding: $padding-small 0;
      &-item{
        font-size: $font-size-base;
        color: $color-success;
        text-decoration: underline;
        &.is-active{
          color: $color-error;
        }
      }
    }
  }
  &__actions{
    padding: $padding-large $padding-small;
    &-item{
      width: 100%;
      height: 80rpx;
      line-height: 78rpx;
      background-color: $content-background-color;
      color: #fff;
      border-radius: 40rpx;
      font-size: $font-size-large;
      text-align: center;
      border: 1px solid $color-primary;
      margin-top: $padding-large;
      &:first-child{
        margin-top: 0;
      }
    }
  }
}
